// 进行axios二次封装:请求拦截器和响应拦截器
import axios from 'axios'
import { ElMessage } from 'element-plus'
// 将请求头放入请求request中
import loginInfoStore from '@/stores/modules/login'

// 创建axios实例(其他配置:基础路径,超时时间等...)
const request = axios.create({
  baseURL: '/api',
  timeout: 5000,
})

// 请求拦截器
request.interceptors.request.use(
  (config) => {
    // config携带一个headers属性，里面可以携带token等信息，携带到服务器端进行校验等操作
    const token = loginInfoStore().token
    if (token) {
      config.headers.token = token
    }
    return config
  },
  (error) => {
    ElMessage({
      message: '服务器异常，请稍后再试！',
      type: 'error',
    })
    return Promise.reject(error)
  },
)

// 响应拦截器
request.interceptors.response.use(
  (response) => {
    return response.data
  },
  (error) => {
    ElMessage({
      message: '服务器异常，请稍后再试！',
      type: 'error',
    })
    return Promise.reject(error)
  },
)

export default request
